<!DOCTYPE html>
<html>
<head>
    <title>社保付款管理</title>
    #parse("sys/header.html")
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="form-group col-sm-2">
            <input type="text" class="form-control" v-model="q.actualsettleyear" @keyup.enter="query" placeholder="实际结算年">
        </div>
        <div class="form-group col-sm-2">
            <input type="text" class="form-control" v-model="q.actualsettlemonth" @keyup.enter="query" placeholder="实际结算月">
        </div>
        <div class="form-group col-sm-2">
            <input type="text" class="form-control" v-model="q.batchcode" @keyup.enter="query" placeholder="批次号">
        </div>
        <div class="form-group col-sm-2">
            <select v-model="q.insuredtype" class="form-control">
                <option v-for="insuredtype in insuredtype" :value="insuredtype.value">{{insuredtype.label}}
                </option>
            </select>
        </div>

            <a class="btn btn-primary" @click="query"></i>&nbsp;查询</a>
            #if($shiro.hasPermission("socialsbsummary:save"))
            <a hidden="true" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
            #end
            #if($shiro.hasPermission("socialsbsummary:update"))
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
            #end
            #if($shiro.hasPermission("socialsbsummary:delete"))
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
            #end
            #if($shiro.hasPermission("socialsbsummary:save"))
            <a class="btn btn-primary" @click="addSocial"></i>&nbsp;生成社保付款</a>
            #end
             #if($shiro.hasPermission("socialsbsummary:firstaudit"))
            <a class="btn btn-primary" @click="firstaudit"><i class="fa fa-pencil-square-o"></i>&nbsp;一审</a>
             #end
              #if($shiro.hasPermission("socialsbsummary:secondaudit"))
            <a class="btn btn-primary" @click="secondaudit"><i class="fa fa-pencil-square-o"></i>&nbsp;二审</a>
            #end
            #if($shiro.hasPermission("socialsbsummary:thirdaudit"))
            <a class="btn btn-primary" @click="thirdaudit"><i class="fa fa-pencil-square-o"></i>&nbsp;三审</a>
            #end

        <table>
            <tr>
                <td align="right">上月人数：</td>
                <td align="left"><input type="text" id="lastmpeople" readonly="readonly"/></td>
                <td align="right">本月新增人数：</td>
                <td align="left"><input type="text" id="thismonthadd" readonly="readonly"/></td>
                <td align="right">本月减少人数：</td>
                <td align="left"><input type="text" id="thismreduce" readonly="readonly"/></td>
            </tr>
            <tr align="center">
                <td align="right">本月实际参保人数：</td>
                <td align="left"><input type="text" id="thismactual" readonly="readonly"/></td>
                <td align="right">人均缴费基数：</td>
                <td align="left"><input type="text" id="paymentbase" readonly="readonly"/></td>
                <td align="right">缴费基数之和：</td>
                <td align="left"><input type="text" id="paymentbasesum" readonly="readonly"/><br></td>
            </tr>
        </table>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">

            <div class="form-group">

                <div class="col-sm-1 control-label">姓名</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialsbSummary.username" placeholder="姓名" readonly="readonly"/>
                </div>

                <div class="col-sm-1 control-label">员工身份证</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialsbSummary.identitynumber"
                           placeholder="员工身份证" readonly="readonly"/>
                </div>

                <div class="col-sm-1 control-label">单位名称</div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="socialsbSummary.unitName" placeholder="单位名称" readonly="readonly"/>
                </div>
            </div>
                <div class="form-group">

                    <div class="col-sm-1 control-label">社保险种</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.insuredtype"
                               placeholder="保险类型" readonly="readonly"/>
                    </div>

                    <div class="col-sm-1 control-label">实际结算年</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.actualsettleyear"
                               placeholder="实际结算年" readonly="readonly"/>
                    </div>

                    <div class="col-sm-1 control-label">实际结算月</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.actualsettlemonth"
                               placeholder="实际结算月" readonly="readonly"/>
                    </div>

                </div>
                <div class="form-group">

                    <div class="col-sm-1 control-label">单位应付金额</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.amountpaypunit"
                               placeholder="单位应付金额" readonly="readonly"/>
                    </div>

                    <div class="col-sm-1 control-label">个人应付金额</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.individualamountpay"
                               placeholder="个人应付金额" readonly="readonly"/>
                    </div>

                    <div class="col-sm-1 control-label">小计金额</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.totalcost" placeholder="小计金额" readonly="readonly"/>
                    </div>

                </div>

                <div class="form-group">

                    <div class="col-sm-1 control-label">应缴补报单位</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.repairunit"
                               placeholder="应缴补报单位" readonly="readonly"/>
                    </div>

                    <div class="col-sm-1 control-label">应缴补报个人</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.repairperson"
                               placeholder="应缴补报个人" readonly="readonly"/>
                    </div>

                    <div class="col-sm-1 control-label">应缴补报小计</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.repairsum"
                               placeholder="应缴补报小计" readonly="readonly"/>
                    </div>

                </div>

                <div class="form-group">

                    <div class="col-sm-1 control-label">应缴补差单位</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.basechangeunit"
                               placeholder="应缴补差单位" readonly="readonly"/>
                    </div>

                    <div class="col-sm-1 control-label">应缴补差个人</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.basechangeperson"
                               placeholder="应缴补差个人" readonly="readonly"/>
                    </div>

                    <div class="col-sm-1 control-label">应缴补差小计</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.basechangesum"
                               placeholder="应缴补差小计" readonly="readonly"/>
                    </div>

                </div>

                <div class="form-group">

                    <div class="col-sm-1 control-label">单位参保比例</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.unitinsuredratio"
                               placeholder="单位参保比例" readonly="readonly"/>
                    </div>

                    <div class="col-sm-1 control-label">个人参保比例</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.personinsurratio"
                               placeholder="个人参保比例" readonly="readonly"/>
                    </div>

                </div>
                <hr style="height:1px;border:none;border-top:1px solid #555555;" />
                <div class="form-group">

                    <div class="col-sm-1 control-label">单位退款金额</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.unitrefund"
                               placeholder="单位退款金额" readonly="readonly"/>
                    </div>

                    <div class="col-sm-1 control-label">个人退款金额</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.personrefund"
                               placeholder="个人退款金额"/>
                    </div>

                    <div class="col-sm-1 control-label">退款金额小计</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.refundsum"
                               placeholder="退款金额小计"/>
                    </div>

                </div>

                <div class="form-group">
                    <div class="col-sm-1 control-label">单位实付金额</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.unitpay" placeholder="单位实付金额"/>
                    </div>

                    <div class="col-sm-1 control-label">个人实付金额</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.personpay"
                               placeholder="个人实付金额"/>
                    </div>

                    <div class="col-sm-1 control-label">实付金额小计</div>
                    <div class="col-sm-2">
                        <input type="text" class="form-control" v-model="socialsbSummary.paysum" placeholder="实付金额小计"/>
                    </div>

                </div>

                <div class="form-group">
                    <div class="col-sm-2 control-label"></div>
                    <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                    &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
                </div>
        </form>
    </div>
    <!----------------------------社保付款------------------------------------->
    <div id="window" hidden="true">
        <div class="form-group">
            <div class="col-sm-2 control-label">选择年</div>
            <div class="col-sm-10">
                <input type="text" id="year" class="form-control" placeholder="选择年" readonly="readonly"
                       onClick="WdatePicker({dateFmt:'yyyy'})"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">选择月</div>
            <div class="col-sm-10">
                <input type="text" id="month" class="form-control" placeholder="选择月" readonly="readonly"
                       onClick="WdatePicker({dateFmt:'MM'})"/>
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-2 control-label">保险类型</div>
            <div class="col-sm-10">
                <select class="form-control" readonly="readonly" id="selectInsuredtype">
                    <option v-for="insuredtype in insuredtype" :value="insuredtype.value">{{insuredtype.label}}</option>
                </select>
            </div>
        </div>
        <div class="col-sm-12 popfooter">
            <a class="btn btn-primary btn-sm" id="submit">确定</a>
            <a class="btn btn-primary btn-sm" id="close">关闭</a>
        </div>
    </div>
</div>

<script src="${rc.contextPath}/js/serviceManagement/socialsbsummary.js?_${date.systemTime}"></script>
</body>
</html>